<script>
import { getProSerBindingStateApi } from '@/api/acceptance'

export default {
  name: 'Plan',
  props: ['prjId'],
  data() {
    return {
      accTimeInfo: {},
      options: [
        {
          label: '监理单位物资绑定状态',
          value: 'supProbindingState'
        },
        {
          label: '监理单位服务绑定状态',
          value: 'supSerbindingState'
        },
        {
          label: '项目经理确认物资绑定状态',
          value: 'pmProbindingState'
        },
        {
          label: '项目经理确认服务绑定状态',
          value: 'pmSerbindingState'
        }
      ]
    }
  },
  created() {
    this.getData()
  },
  methods: {
    getData() {
      getProSerBindingStateApi({ 'prjId': this.prjId }).then(result => {
        this.accTimeInfo = result.data
      })
    }
  }
}
</script>
<template>
  <TCollapse title="物资服务绑定">
    <div style="color: red;display: flex">
      <div style="width: 30px;"><p>说明</p></div>
      <div>
        <p>(1) 请确认单项工程物资绑定结果是否正确,确认后单项工程的物资绑定结果将同步财务系统</p>
        <p>(2) 请确认单项工程服务绑定结果及验工计价是否正确,确认后单项工程的服务绑定结果及验工计价将同步商合交易系统</p>
      </div>
    </div>
    <el-form :model="accTimeInfo" label-width="160px" class="pms-form" size="mini" :inline="true">
      <el-row :gutter="24">
        <el-col v-for="item in options" :key="item.value" :span="6">
          <el-form-item :label="item.label" style="width: 100%" :prop="item.value">
            <el-input disabled :value='accTimeInfo[item.value]'></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </TCollapse>
</template>
<style scoped lang='scss'>
</style>
